<template>
  <div class="mes-1">
    <div class="mes-2">{{ title }}</div>
    <div class="mes-3" @click="chadd">
      <div class="mes-4">查看更多</div>
      <img src="@/assets/user/ic_enter.png" alt="" class="img-1" />
    </div>
  </div>
</template>

<script>
export default {
 
  props: {
    title: {
      type: [String, Number, Object], // 根据实际需求调整类型
      required: true
    }
  },
  methods: {
    chadd() {
      this.$emit('cadd')
    }
  }
};
</script>

<style scoped lang="scss">
.mes-1 {
  width: 100%;
  height: 34px;
  display: flex;
  justify-content: space-between;
}
.mes-2 {
  font-weight: 500;
  font-size: 15px;
  color: #333333;
}
.mes-3 {
  display: flex;
}
.mes-4 {
  font-weight: 400;
  font-size: 13px;
  color: #777777;
}
.img-1 {
  width: 21px;
  height: 21px;
  margin-top: -2px;
}
</style>